<template>
  <div class="wp">
     <img src="../../assets/imgs/Order1.png" alt="图片">
     <p class="Ocenter">您还没有订单哦！</p>
     <button class="Ocenter1" @click="to()">去首页看看</button>
  </div>
</template>

<script>
export default {
    name:'Order1',
    methods:{
        to(){
             this.$router.replace('/');
        }
    }
}
</script>

<style  scoped>
.wp {
    display: flex;
    /* justify-content: center; */
    margin-top: 197px;
    margin-left: 200px;
    position: relative;
}
.Ocenter {
    font-size: 15px;
    color: #666666;
    margin-left: 40px;
    margin-top: 10px;
}
.Ocenter1 {
    position: absolute;
    height: 45px;
    width: 170px;
    background: #f08200;
    color: #fff;
    font-size: 13.5px;
    border-radius: 5px;
    left: 116px;
    top: 51px;
}
</style>